<%@ page language="java" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE HTML>
<html>
<head>
<base href="<%=basePath%>">
<title>云盘首页</title>
<jsp:include page="/public/pub.jsp"></jsp:include>
</head>
<body>
	<jsp:include page="/public/top.jsp"></jsp:include>
	<div class="main-container" id="main-container">
		<script type="text/javascript">
			try {
				ace.settings.check('main-container', 'fixed')
			} catch (e) {
			}
		</script>
		<div class="main-container-inner">
			<a class="menu-toggler" id="menu-toggler" href="#"> <span class="menu-text"></span>
			</a>
			<jsp:include page="/public/left.jsp"></jsp:include>
			<div class="main-content">
				<div class="breadcrumbs" id="breadcrumbs">
					<script type="text/javascript">
						try {
							ace.settings.check('breadcrumbs', 'fixed')
						} catch (e) {
						}
					</script>
					<ul class="breadcrumb">
						<li><i class="icon-home home-icon"></i> <a href="index.jsp">首页</a></li>
						<li class="active">欢迎页面</li>
					</ul>
					<!-- .breadcrumb -->
					
				</div>
				<div class="page-content">
					<div class="page-header">
						<h1>欢迎进入大数据云盘系统</h1>
					</div>
					<!-- /.page-header -->
					<div class="row">
						<div class="col-xs-12">
							<!-- PAGE CONTENT BEGINS -->
							<div class="hr hr32 hr-dotted"></div>
							<div class="hr hr32 hr-dotted"></div>
							<!-- PAGE CONTENT ENDS -->
						</div>
						<!-- /.col -->
					</div>
					<!-- /.row -->
				</div>
				<!-- /.page-content -->
			</div>
			<!-- /.main-content -->
			<jsp:include page="/public/container.jsp"></jsp:include>
		</div>
		<!-- /.main-container-inner -->
		<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse"> <i class="icon-double-angle-up icon-only bigger-110"></i>
		</a>
	</div>
	<!-- /.main-container -->
	<script type="text/javascript">
		jQuery(function($) {
			$('#tasks').sortable({
				opacity : 0.8,//定义当排序时，辅助元素显示的透明度
				revert : true,//如果设置成true，则被拖拽的元素在返回新位置时，会有一个动画效果。
				forceHelperSize : true,//辅助元素helper是否有一个size
				placeholder : 'draggable-placeholder',//设置当排序动作发生时，空白占位符的CSS样式。
				forcePlaceholderSize : true,//placeholder 是否有一个size
				tolerance : 'pointer',//设置当拖动元素越过其它元素多少时便对元素进行重新排序。可选值：’intersect’, ‘pointer’
				stop : function(event, ui) {//just for Chrome!!!! so that dropdowns on items don't appear below other items after being moved
					$(ui.item).css('z-index', 'auto');
				}
			});
			$('#tasks').disableSelection();
			$('#tasks input:checkbox').removeAttr('checked').on('click', function() {
				if (this.checked)
					$(this).closest('li').addClass('selected');//添加class样式
				else
					$(this).closest('li').removeClass('selected');//移除class样式
			});
		})
	</script>
</body>
</html>
